import { createStore } from 'vuex'  // 使用 Vuex 4 的创建方式

// 准备actions——用于响应组件中的动作
const actions = {
    jiaOdd(context, value) {
        console.log('actions中的jiaOdd被调用了')
        if (context.state.sum % 2) {
            context.commit('JIA', value)
        }
    },
    jiaWait(context, value) {
        console.log('actions中的jiaWait被调用了')
        setTimeout(() => {
            context.commit('JIA', value)
        }, 500)
    }
}

// 准备mutations——用于操作数据（state）
const mutations = {
    SET_USERNAME(state, value) {
        state.username = value
    },
    JIA(state, value) {
        console.log('mutations中的JIA被调用了')
        state.sum += value
    },
    JIAN(state, value) {
        console.log('mutations中的JIAN被调用了')
        state.sum -= value
    }
}

// 准备state——用于存储数据
const state = {
    username: '',
    sum: 0, //当前的和
    school: '尚硅谷',
    subject: '前端'
}

//准备getters——用于将state中的数据进行加工
const getters = {
    bigSum(state) {
        return state.sum * 10
    }
}

// 创建并暴露store
export default createStore({  // 使用 createStore 而不是 new Vuex.Store
    actions,
    mutations,
    state,
    getters
})